<!doctype html>
<html>
	<head>
		<title>工器具列表</title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
		<link rel="stylesheet" href="../css/bootstrap/bootstrap-table.min.css"/>
		<link rel="stylesheet" href="../css/appliance/appliance.css"/>
	</head>
	<body>
	<div class="container-fluid">
		<div class="container search">
			<div class="row common_user_operate">
				<form class="form-inline">
					<div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
						<div class="form-group">
						    <label for="type">类别</label>
						    <input type="text" id="type" class="form-control mx-sm-3" aria-describedby="passwordHelpInline">
						  </div>
					</div>
				 	<div class="col-sm-12 col-md-6 col-lg-4 col-xl-4">
				 		<div class="form-group">
				 		    <label for="name">名称</label>
				 		    <input type="text" id="name" class="form-control mx-sm-3" aria-describedby="passwordHelpInline">
				 		  </div>
				 	</div>
					<div class="col-sm-12 col-md-6 col-lg-2 col-xl-2">
						<div class="form-group">
						    <label class="my-1 mr-2" for="status">状态</label>
						      <select class="custom-select" id="status">
						        <option selected value="0">请选择</option>
						        <option value="1">库内</option>
						        <option value="2">库外</option>
						        <option value="3">待报废</option>
						      </select>
						  </div>
					</div>
					<div class="col-sm-12 col-md-4 col-lg-2 col-xl-2">
						<div class="form-group">
						    <button type="button" class="searchbtn btn btn-info">
						    	查询
						    </button>
							<button type="button" class="btn btn-info" data-toggle="modal" data-target="#exampleModal">
								新增
							</button>
						  </div>
					</div>
				 </div>
			</form>
		</div>
		<div class="table-responsive">
			<table id="tab" data-side-pagination="client" data-pagination="true" data-page-list="[10, 100, 500, ALL]" data-show-columns="true"></table>
		</div>
	</div>
	<!-- 新增 -->	
	<!-- Modal -->
	<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h5 class="modal-title" id="exampleModalLabel">新建工器具</h5>
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          <span aria-hidden="true">&times;</span>
	        </button>
	      </div>
	      <div class="modal-body">
			  <form>
			    <div class="form-group row">
			      <label for="seris" class="col-sm-2 col-form-label">类别</label>
			      <div class="col-sm-10">
			        <input type="text" class="form-control" id="seris">
			      </div>
			    </div>
			    <div class="form-group row">
			      <label for="applName" class="col-sm-2 col-form-label">名称</label>
			      <div class="col-sm-10">
			        <input type="text" class="form-control" id="applName">
			      </div>
			    </div>
				<div class="form-group row">
				  <label for="intoDate" class="col-sm-2 col-form-label">入库时间</label>
				  <div class="col-sm-10">
				    <input type="date" class="form-control" id="intoDate" onfocus=this.blur()>
				  </div>
				</div>
				<div class="form-group row">
				  <label for="status" class="col-sm-2 col-form-label">状态</label>
				  <div class="col-sm-10">
				    <select class="custom-select" id="status2">
				      <option selected value="">请选择</option>
				      <option value="1">库内</option>
				      <option value="2">库外</option>
				      <option value="3">待报废</option>
				    </select>
				  </div>
				</div>
				<div class="form-group row warehouse-select-html">
				  <label for="kuStatus" class="col-sm-2 col-form-label">库房</label>
				  <div class="col-sm-10">
				    <select class="custom-select" id="kuStatus">
				    </select>
				  </div>
				</div>
			  </form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-primary save">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
		<!-- 借出 -->
		<button id="impload" style="display: none;" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#borrow"></button>
		<div class="modal fade" id="borrow" tabindex="-1" aria-labelledby="borrow" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h5 class="modal-title" id="exampleModalLabel">借出</h5>
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		          <span aria-hidden="true">&times;</span>
		        </button>
		      </div>
		      <div class="modal-body">
		        请确认是否借出？
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-secondary" data-dismiss="modal">否</button>
		        <button type="button" class="btn btn-primary borrowBtn" data-dismiss="modal">是</button>
		      </div>
		    </div>
		  </div>
		</div>
		<!-- 报废 -->
		<button id="imdeath" style="display: none;" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#death"></button>
		<div class="modal fade" id="death" tabindex="-1" aria-labelledby="borrow" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h5 class="modal-title" id="exampleModalLabel">报废</h5>
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		          <span aria-hidden="true">&times;</span>
		        </button>
		      </div>
		      <div class="modal-body">
		        请确认是否报废？
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-secondary" data-dismiss="modal">否</button>
		        <button type="button" class="btn btn-primary deahBtn" data-dismiss="modal">是</button>
		      </div>
		    </div>
		  </div>
		</div>
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
	<script src="../js/bootstrap/bootstrap-table.js" type="text/javascript"></script>
	<script src="../js/bootstrap/bootstrap-table-zh-CN.js" type="text/javascript"></script>
	<script  src="../js/database.js" type="text/javascript"></script>
	<script src="../js/applianceList/applianceList.js" type="text/javascript"></script>
</body>
</html>